@import url(public.css?v=1.03);.smallNav_box{width: 100%;height: 33px;background-color: #11171E;position: relative;z-index: 999;}
.smallNav{width: 1200px;height: 33px;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;}
.left_smallNav,.right_smallNav{height: 100%;display: flex;align-items: center;}
.sy_box{height: 100%;padding-right: 20px;display: flex;align-items: center;justify-content: center;border-right: 1px solid rgba(223,223,223,0.1);}
.sy_box a{width: 100%;display: flex;align-items: center;justify-content: center;}
.sy_box img{width: 20px;margin-right: 6px;}
.sy_box span{font-size: 13px;font-family: PingFang SC;font-weight: 400;color: #737E91;}
.mobile_box,.dy_account{height: 100%;padding: 0 20px;display: flex;align-items: center;justify-content: center;border-right: 1px solid rgba(223,223,223,0.1);position: relative;cursor: pointer;}
.mobile_box:hover .mobile_accountText,.sy_box:hover span,.dy_account:hover .mobile_accountText,.total_nav:hover .total_navText,.media_account:hover .media_accountText{color: #ED6D47;}
.mobile_box01,.dy_account01{width: 100%;display: flex;align-items: center;justify-content: center;}
.mobile_accountText{font-size: 13px;font-family: PingFang SC;font-weight: 400;color: #737E91;}
.mobile_qrcodePopup,.dy_qrcodePopup{position: absolute;top: 33px;left: 0;display: none;width: 150px;height: 150px;padding-bottom: 5px;flex-direction: column;align-items: center;justify-content: center;background-color: #FFFFFF;z-index: 1000;border-radius: 5px;}
.mobile_box:hover .mobile_qrcodePopup,.dy_account:hover .dy_qrcodePopup,.media_account:hover .dy_qrcodePopup{display: flex;}
.dy_qrcodePopup{width: 200px;height: 210px;justify-content: space-around;}
.wx_qrcodePopup img,.mobile_qrcodePopup img{width: 90%;height: 85%;display: block;margin: 0 auto;}
.dy_qrcodePopup img{width: 160px;height: 170px;display: block;margin: 20px auto 5px;}
.mobile_qrcodePopup span,.dy_qrcodePopup span{font-size: 12px;color: #2B2B2B;font-weight: 500;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.header_box{width: 100%;height: 81px;position: relative;z-index: 99;background-color:#2C63BF;display: flex;align-items: center;}
.header_boxSmall{width: 1200px;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.header_left{display: flex;align-items: center;justify-content: center;height:66px;margin-right:30px;}
.header_left a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.header_left a img{width: 100%;height: 100%;}
.menu-box{width: 765px;height: 100%;display: flex;align-items: center;}
.el-menu-box{width: 100%;height: 100%;display: flex;align-items: center;}
.el-menu-box a{padding: 0 26px;height: 100%;display: flex;align-items: center;}
.el-menu-box a:nth-child(7) {  position: relative;padding: 0 30px;}
.el-menu-box a:hover span{color: #ED6D47;}
.el-menu-box a span{font-size: 17px;font-family: PingFang SC;font-weight: 500;color: #ede2e2;}
.header_right {width: 220px;display: flex;align-items: center;justify-content: center;}
.layui-form{width: 220px;display: flex;align-items: center;justify-content: center;}
.header_right .input{width: 100%;height: 30px;border: 1px solid #ED6D47;border-radius: 16px 0px 0px 16px;border-right-style: hidden;padding: 0 0 0 5%;font-size: 12px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;background-color: #2C63BF;color: #999;}
.header_right .input:focus{outline:none;}
.search_button{width: 75px;height: 32px;background-color: #2C63BF;border-radius: 0px 16px 16px 0px;display: flex;align-items: center;justify-content: center;border: 1px solid #ED6D47;border-left-style: hidden;}
.search_button img{width: 17px;height: 17px;}
#menu-toggle {display: none;}
@media screen and (max-width: 1000px) {
    .header_boxSmall{width:100%;display:block;}
    .header_left{float:left;}
    .smallNav_box{display:none;}
    .header_box{padding:10px;height:40px;width:auto}
    .header_left a img{height:40px;width:auto;}
    .header_right{display:none;}
    .menu-box{display:none;width:auto;}
    .el-menu-box{display:block;position:fixed;top:60px;left:0px;width:100%;height:100%;background:#000000;}
    .el-menu-box a{height:40px;line-height:40px;}
    .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
    .menu-button,
    .menu-button::before,
    .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button{margin-top:17px;}
    .menu-button::before {content: "";margin-top: -10px;}
    .menu-button::after {content: "";margin-top: 10px;}
    #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    #menu-toggle ~ .header_box li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .header_box a {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

    .hot-game-box{position:relative;padding:15px 0px 15px 54px;overflow:hidden;background:#FFF;margin-bottom:20px;}
    .hot-game-box span{background:#ff6633;color:#FFF;writing-mode:tb-rl;position:absolute;display:flex;left:0px;top:0px;width:54px;height:100%;align-items: center;justify-content:center;border-radius:0 0.15rem 0.15rem 0;font-size:16px;}
    .hot-game-box ul li{float:left;width:103px;padding:0px 5px;text-align:center;}
    .hot-game-box ul li p{height:24px;line-height:24px;overflow:hidden;}
    .hot-game-box ul li p a{font-size:12px;}
    .hot-game-box ul li img{width:80px;height:80px;border-radius:15px;}
    @media screen and (max-width:1000px) {
        .hot-game-box{padding:8px 0px;margin-bottom:5px;}
        .hot-game-box span{display:none;}
        .hot-game-box ul li{width:18%;padding:5px 1%;}
        .hot-game-box ul li img{width:60px;height:60px;}
    }

.banner-box-l{width:500px;float:left;}
.banner{width:500px;height:320px;position:relative;}
.banner .swiper-slide img{width:500px;height:320px;}
.banner-box-notice{margin-top:20px;background:#FFF;clear:both;}
.banner-box-notice h2{font-size:16px;padding:0px 12px;line-height:40px;}
.banner-box-notice ul li{clear:both;padding:12px 12px; border-top:1px solid #EEE;}
.banner-box-notice ul li p:nth-child(1){height:24px;}
.banner-box-notice ul li p:nth-child(2){height:44px;line-height:22px;overflow:hidden;font-size:12px;color:#999;}
.banner-box-notice ul li img{height:500px;height:320px;}


.banner-box-c{width:452px;float:left;margin-left:12px;}
.banner-box-c ul{background:#FFF;padding:12px 15px 14px 15px;border-top:1px solid #EEE;}
.banner-box-c ul:nth-child(1){border-top:0px;}
.banner-box-c li{clear:both;height:35px;line-height:35px;overflow:hidden;}
.banner-box-c li.banner-box-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.banner-box-c li.banner-box-td p{clear:both;}
.banner-box-c li.banner-box-td p:nth-child(1){font-size:16px;}
.banner-box-c li.banner-box-td span{content:'头条';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:15px;}
.banner-box-c li.banner-box-td p:nth-child(1) a{color:#fe8900;line-height:30px;overflow:hidden;}
.banner-box-c li.banner-box-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.banner-box-c li a{float:left;color:#666;}
.banner-box-c li time{float:right;color:#999;font-size:12px;}

.banner-box-r{width:198px;float:right;padding:12px;background:#FFF;}
.banner-box-game ul{overflow:hidden;padding-top:9px;clear:both;background:#FFF;border-top:1px solid #EEE;}
.banner-box-game ul li{overflow:hidden;padding:9px;float:left;width:81px;text-align:center;}
.banner-box-game ul li img{width:81px;height:81px;border-radius:8px;}
.banner-box-game ul li p{font-size:12px;padding-top:8px;height:22px;line-height:22px;overflow:hidden;}
.banner-box-game ul li span{font-size:12px;}
.banner-box-r .gamebox{position:relative;padding-left:100px;height:104px;overflow:hidden;}
.banner-box-r .qrcode-data{position:absolute;left:0px;top:0px;}
.banner-box-r .gamebox p{padding-top:12px;text-align:center;}
.banner-box-r .gamebox p:nth-child(2){padding-top:2px;}
.banner-box-r .gamebox p .btn{width:100%;padding:0px;line-height:33px;}
@media screen and (max-width:1000px) {
    .banner-box-l{width:100%;float:none;}
    .banner{width:100%;}
    .banner-box-notice{margin-top:0px;}
    .banner-box-c{width:auto;margin-left:0px;float:none;margin-top:10px;}
    .banner-box-c ul{margin-top:1px;}
    .banner-box-r{float:none;width:auto;}
    .banner-box-game ul li{width:22%;margin-left:2%;padding:10px 0px 10px 0px;}
}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.news-box{width:860px;float:left;}
.news-box {clear:both;background:#FFF;border-radius:5px;}
.news-box .news-tab {position:relative;}
.news-box .news-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.news-box .news-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.news-box .news-tab span.active{color:#dc191b;font-weight:bold;}
.news-box .news-tab span.active:before {content: ''; display: block; width:100%; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.news-box .news-list{display:none;overflow:hidden;}
.news-box .news-list.active {display:block;}
.news-box .news-list ul{border-top:1px solid #EEE;clear:both;}
.news-box .news-list ul li{padding:16px 0px 16px 18px;width:400px;overflow:hidden;float:left;}
.news-box .news-list ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.news-box .news-list ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.news-box .news-list ul li p.news-title a{color:#333;font-size:16px;}
.news-box .news-list ul li p time{float:left;font-size:14px;color:#999;}
.news-box .news-list ul li p span{float:left;font-size:14px;color:#999;}
.news-box .news-list ul li p span:nth-child(1){background:#ff3c00;color:#FFF;padding:3px 5px;font-size:12px;border-radius:3px;}
.news-box .news-list ul li p span:last-child{float:right;font-size:12px;}

.news-game{background:#FFF;width:320px;float:right;}
.news-game-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.news-game ul{overflow:hidden;padding-bottom:15px;}
.news-game ul li{overflow:hidden;width:160px;padding:13px 0px 10px 0px;float:left;text-align:center;}
.news-game ul li img{width:90px;height:90px;border-radius:8px;}
.news-game ul li p{font-size:14px;padding-top:6px;}
.news-game ul li .news-game-down{width:90px;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

.game-category{background:#FFF;overflow:hidden;padding:15px 15px 15px 5px;clear:both;margin-top:15px;}
.game-category a{float:left;margin-left:15px;margin-top:5px;display:inline-block;background:#ff3c00;color:#FFF;padding:3px 8px;border-radius:3px;}
@media screen and (max-width:1000px) {
    .news-box{width:auto;float:none;}
    .news-game{float:none;width:auto;margin-top:10px;}
    .news-game ul li{width:47%;margin-left:2%;}
}

.shouyou-top{background:#FFF;width:288px;float:left;margin-left:15px;margin-top:20px;}
.shouyou-top:nth-child(1){margin-left:0px;}
.shouyou-top-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.shouyou-top ul{padding:6px 15px;}
.shouyou-top ul li {position:relative;padding:8px 10px 8px 35px;font-size:12px;overflow:hidden;}
.shouyou-top ul li i.rank {width:22px;height:62px;line-height:60px;display:inline-block;text-align:center;position:absolute;top:8px;left:0px;background:#EEE;color:#666;}
.shouyou-top ul li i.rank.rank1,
.shouyou-top ul li i.rank.rank2,
.shouyou-top ul li i.rank.rank3 {background:red;color:#FFF}
.shouyou-top ul li img {width:62px;height:62px;border-radius:5px;vertical-align:middle;margin-right:15px;float:left;}
.shouyou-top ul li p {font-size:16px;height:26px;line-height:23px;}
.shouyou-top ul li p:last-child {margin-top:8px;}
@media screen and (max-width:1000px) {
    .shouyou-top{margin-left:0px;float:none;width:auto;margin-top:10px;}
}

.news-box{background:#FFF;overflow:hidden;padding:0px 15px 15px 15px;}
.news-box h2{font-size:16px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.news-list{padding-top:15px;}
.news-list .news-left-box{width:390px;overflow:hidden;float:left;}
.news-list .news-left-box ul:nth-child(1){width:390px;height:260px}
.news-list .news-left-box ul:nth-child(1) li img{width:390px;height:260px;}
.news-list .news-left-box ul:nth-child(2){padding-top:8px;}
.news-list .news-left-box ul:nth-child(2) li{overflow:hidden;width:188px;}
.news-list .news-left-box ul:nth-child(2) li img{width:188px;height:135px;}
.news-list .news-left-box ul:nth-child(2) li p{height:30px;line-height:30px;overflow:hidden;padding-top:6px;text-align:center;}
.news-list .news-left-box ul:nth-child(2) li p a{color:#333;font-size:14px;}

.news-list .news-left-box ol{overflow:hidden;padding-bottom:11px;padding-top:6px;clear:both;}
.news-list .news-left-box ol li{overflow:hidden;padding:8px;float:left;width:81px;text-align:center;}
.news-list .news-left-box ol li img{width:81px;height:81px;border-radius:8px;}
.news-list .news-left-box ol li p{font-size:14px;padding-top:8px;height:26px;line-height:22px;overflow:hidden;}
.news-list .news-left-box ol li span{font-size:12px;color:#999;}
.news-list .news-left-box ol li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

.news-list .news-center-txt{width:755px;padding-left:15px;overflow:hidden;float:right;}
.news-list .news-center-txt ul li{padding:9px 0px 9px 18px;width:340px;overflow:hidden;float:left;}
.news-list .news-center-txt ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.news-list .news-center-txt ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.news-list .news-center-txt ul li p.news-title a{color:#333;font-size:16px;}
.news-list .news-center-txt ul li p time{float:left;font-size:14px;color:#999;}
.news-list .news-center-txt ul li p span{float:right;font-size:14px;color:#999;}
@media screen and (max-width:1000px) {
    .news-box{padding:0px;}
    .news-box h2{display:none;}
    .news-list{margin-top:8px;padding-top:0px;}
    .news-list .news-left-box{width:100%;}
    .news-list .news-left-box ol li{width:22.5%;margin-left:2.5%;padding:10px 0px;}
    .news-list .news-left-box ol li img{width:66px;height:66px;display:inline-block;margin:0px auto;}
    .news-list .news-left-box ol li p{font-size:12px;}
    .news-list .news-center-txt{width:auto;padding:12px;}
    .news-list .news-center-txt ul li p time{font-size:12px;}
    .news-list .news-center-txt ul li p span{font-size:12px;}
}


.question-box{background:#FFF;overflow:hidden;}
.question-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.question-box-title h2{float:left;font-size:18px;}
.question-box-title a{float:right;}
.question-box ul{padding:8px 0px;overflow:hidden;clear:both;}
.question-box ul li{line-height:48px;height:48px;width:335px;overflow:hidden;float:left;margin:0px 15px;border-top:1px solid #F6F6F6;position:relative;padding-left:35px;}
.question-box ul li::before{content:'问';border:1px solid #fd3b3b;color:#fd3b3b;width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px;position:absolute;left:0px;top:12px;}
.question-box ul li:nth-child(1),.question-box ul li:nth-child(2),.question-box ul li:nth-child(3){border-top:0px;}
.question-box ul li time{float:right;font-size:14px;color:#999;}
.question-box ul li a{float:left;font-size:14px;color:#666;}
@media screen and (max-width:1000px) {
    .question-box ul{padding:12px;}
    .question-box ul li{width:auto;margin:0px;float:none;}
    .question-box ul li a{max-width:70%;}
}

.game-vs-update{background:#FFF;overflow:hidden;}
.game-vs-update h3{padding:15px 0px 0px 15px;}
.game-vs-update ol{padding:15px 0px;overflow:hidden;}
.game-vs-update ol li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}
.index-friends{background:#FFF;}
.index-friends .t {padding:0px 15px;font-size:16px;line-height:38px;height:38px;position:relative;border-bottom:1px solid #EEE;}
.index-friends .t .more {position:absolute;right:15px;top:0;font-size:12px}
.index-friends .b{padding:15px}
.index-friends .b a {float:left;margin:10px 0 0 0;line-height:20px;padding-right:15px}
.index-friends .b a+a {border-left:1px solid #eee;padding:0 15px}
.foot {width:100%;background-color:#fff;border-top:3px solid #0cc6c6;margin-top:20px;}
.foot-line {text-align:center;line-height:60px;width:100%;overflow:hidden;border-bottom:1px solid #eee;border-top:1px solid #eee;position:relative}
.foot-line a{margin:0px 8px;vertical-align:middle}
.foot-line a,.copyright a {color:#a0a0a0}
.foot-line a:hover,
.copyright a:hover {color:#0cc6c6}
.copyright {text-align:center;color:#a0a0a0;padding:15px 0}
.copyright p {margin:5px 0}
@media screen and (max-width:1000px) {
    .game-vs-update ul li{float:none;width:auto;}
    .footer{padding:10px}
}